 <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>连字</title>
</head>
<style>	
	body {
		margin: 0;
		padding: 0;
	}
	.variantFont1 {
		font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;
	}
	.variantFont2 {
		font-variant-ligatures: common-ligatures;
	}
	.variantFont3 {
		font-variant-ligatures: none;
	}
</style>
<body>
	<h1 class="variantFont1">piffle</h1>
	<h1 class="variantFont2">piffle</h1>
	<h1 class="variantFont3">piffle</h1>
</body>
</html>